__ci_last_regenerate|i:1766975293;csrf_test_name|s:32:"f345d0cca59b19ac5b693e6eb7512c1c";_ci_previous_url|s:45:"http://localhost:8080/admin/pengumuman/create";user|a:1:{s:2:"id";i:1;}_ci_old_input|a:2:{s:3:"get";a:0:{}s:4:"post";a:8:{s:14:"csrf_test_name";s:32:"f345d0cca59b19ac5b693e6eb7512c1c";s:5:"judul";s:6:"banjir";s:4:"slug";s:1:"1";s:9:"ringkasan";s:34:"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";s:6:"konten";s:3182:"<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SMAS SENTOSA BHAKTI</title>

    <!-- CSS -->
    <link rel="stylesheet" href="assets/css/galeri.css">
    <link rel="stylesheet" href="assets/fontawesome/css/all.css">

    <!-- FONTS -->
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Rubik+Mono+One&family=Science+Gothic:wght@100..900&family=Titan+One&display=swap" rel="stylesheet">

<body>

    <!-- NAVBAR -->
    <nav>
        <div class="left-box">
            <img src="<?= base_url('assets/images/logo1.png') ?>" alt="Logo">
            <span class="school-name">SMAS SENTOSA BHAKTI</span>
        </div>

        <ul>
            <a href="<?= base_url() ?>">Beranda</a>
            <a href="<?= base_url('berita') ?>">Berita</a>
            <a href="<?= base_url('galeri') ?>">Galeri</a>
            <a href="<?= base_url('tentang') ?>">Tentang</a>
        </ul>
    </nav>


  <!-- CONTENT MAIN -->
  <main class="content" id="galeri">

    <!-- CENTER TITLE -->
    <div class="center-title">
      <div class="title-box">GALERI</div>
    </div>

    <!-- TEXT DI BAWAH NAVBAR -->
    <p class="galeri-desc">
      Jelajahi momen terbaik di SMAS Sentosa Bhakti — dari kegiatan belajar, prestasi,
      kebersamaan siswa-siswi, hingga ragam ekstrakurikuler yang membentuk karakter.
    </p>

    <!-- CATEGORY BUTTONS -->
    <div class="category-row" role="tablist" aria-label="Kategori galeri">
      <button class="cat-btn is-active" data-cat="guru" role="tab" aria-selected="true">
        <span>GURU DAN STAF</span>
      </button>
      <button class="cat-btn" data-cat="siswa" role="tab" aria-selected="false">
        <span>SISWA/SISWI</span>
      </button>
      <button class="cat-btn" data-cat="video" role="tab" aria-selected="false">
        <span>VIDEO</span>
      </button>
      <button class="cat-btn" data-cat="ekstra" role="tab" aria-selected="false">
        <span>EKSTRAKURIKULER</span>
      </button>
    </div>

    <!-- CARDS GRID -->
    <section class="cards" aria-label="Daftar konten galeri" id="galleryGrid">

      <!-- ================= GURU ================= -->
      <article class="card" data-type="guru">
        <div class="card-image">
          <div class="card-badge">Kepala Sekolah</div>
          <img src="https://via.placeholder.com/400x500/4A90C7/ffffff?text=Kepala+Sekolah" alt="Kepala Sekolah">
        </div>
        <div class="card-info">
          <h3 class="card-name">Dr. Marphudok, S.Pd, M.Pd</h3>
          <p class="card-nip">NIP: 197506152005011006</p>
          <p class="card-position">Kepala Sekolah</p>
        </div>
      </article>
";s:7:"penulis";s:5:"admin";s:15:"tanggal_publish";s:10:"2025-12-29";s:12:"is_published";s:1:"1";}}__ci_vars|a:2:{s:13:"_ci_old_input";s:3:"old";s:6:"errors";s:3:"old";}errors|a:1:{s:4:"slug";s:43:"The slug field must contain a unique value.";}